import { MicroAppLoader } from '@/components';
import { AppConfigProvider } from '@/contexts/ConfigProviderContext';
import { ThemeProvider } from '@/contexts/ThemeProvider';

import { SocketProviderContext } from '@ac/contexts';

import Routes from '@/router';
import { BrowserRouter } from 'react-router-dom';

function App() {
	return (
		<AppConfigProvider>
			<ThemeProvider>
				<BrowserRouter>
					<SocketProviderContext>
						<MicroAppLoader>
							<Routes></Routes>
						</MicroAppLoader>
					</SocketProviderContext>
				</BrowserRouter>
			</ThemeProvider>
		</AppConfigProvider>
	);
}

export default App;
